﻿<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta charset = "utf-8">
	<!-- 倒计时部分 -->
	<script src = "./files/js.js"></script>
	<script src = "./files/kechengbiao.js"></script>
	<script src = "./files/text.js"></script>
	<link rel="stylesheet" href="./files/css.css">
	<title> 高考加油 </title>

	<!-- 非轮换的单张背景，在file的css.css中改 -->
<!-- 一言部分 -->
    <script src="jquery.min.js"></script>
 
    
    <script>
		$(function () {
		// 一言  ！！！语句使用了接口
		// hitokoto：一言正文。编码方式 unicode。使用 utf-8
		var xhr = new XMLHttpRequest();
		xhr.open('get', 'https://v1.hitokoto.cn');
		xhr.onreadystatechange = function () {
			if (xhr.readyState === 4) {
				var data = JSON.parse(xhr.responseText);
				var hitokoto = document.getElementById("hitoKoto");
				var from = document.getElementById("hitoKoto-From");
				hitokoto.innerText = data.hitokoto;
				from.innerText = data.from;
				$("#hito").fadeIn("slow");
			}
		}
		xhr.send();
	
		var hitokoto = setInterval(function () {
		$("#hito").fadeOut("fast", function () {
		var xhr = new XMLHttpRequest();
		xhr.open('get', 'https://v1.hitokoto.cn');
		xhr.onreadystatechange = function () {
			if (xhr.readyState === 4) {
				var data = JSON.parse(xhr.responseText);
				var hitokoto = document.getElementById("hitoKoto");
				var from = document.getElementById("hitoKoto-From");
				hitokoto.innerText = data.hitokoto;
				from.innerText = data.from;
				$("#hito").fadeIn("slow");
			}
		}
		xhr.send();
		});
		}, 25000)

		! function () {  
			function get_attribute(node, attr, default_value) {
				return node.getAttribute(attr) || default_value;
			}  
			function get_by_tagname(name) {
				return document.getElementsByTagName(name);
			}
			function get_config_option() {
				var scripts = get_by_tagname("script"),
					script_len = scripts.length,
					script = scripts[script_len - 1]; 
				return {
					l: script_len, 
					z: get_attribute(script, "zIndex", 1), //z-index    
					o: get_attribute(script, "opacity", 0.5), //opacity    
					c: get_attribute(script, "color", "255,255,255"), //color    
					n: get_attribute(script, "count", 100) //count    
				};
			}

			/*  底部变化的线条	
			function set_canvas_size() {
				canvas_width = the_canvas.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
				canvas_height = the_canvas.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
			}
			function draw_canvas() {
				context.clearRect(0, 0, canvas_width, canvas_height);
				var all_array = [current_point].concat(random_lines);
				var e, i, d, x_dist, y_dist, dist; 
				random_lines.forEach(function (r) {
					r.x += r.xa,
					r.y += r.ya, 
					r.xa *= r.x > canvas_width || r.x < 0 ? -1 : 1,
					r.ya *= r.y > canvas_height || r.y < 0 ? -1 : 1,  
					context.fillRect(r.x - 0.5, r.y - 0.5, 1, 1);   
					for (i = 0; i < all_array.length; i++) {
						e = all_array[i];
						if (r !== e && null !== e.x && null !== e.y) {
							x_dist = r.x - e.x,    
							y_dist = r.y - e.y, 
							dist = x_dist * x_dist + y_dist * y_dist; //总距离, m    
							dist < e.max && (e === current_point && dist >= e.max / 2 && (r.x -= 0.03 * x_dist, r.y -= 0.03 * y_dist), //靠近的时候加速    
								d = (e.max - dist) / e.max,
								context.beginPath(),
								context.lineWidth = d / 2,
								context.strokeStyle = "rgba(" + config.c + "," + (d + 0.2) + ")",
								context.moveTo(r.x, r.y),
								context.lineTo(e.x, e.y),
								context.stroke());
						}
					}
					all_array.splice(all_array.indexOf(r), 1);
	
				}), frame_func(draw_canvas);
			}
			var the_canvas = document.createElement("canvas"), //画布    
				config = get_config_option(),    
				canvas_id = "c_n" + config.l, 
				context = the_canvas.getContext("2d"), canvas_width, canvas_height,
				frame_func = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (func) {
					window.setTimeout(func, 1000 / 45);
				}, random = Math.random,
				current_point = {
					x: null, //当前鼠标x    
					y: null, //当前鼠标y    
					max: 20000
				};
			the_canvas.id = canvas_id;
			the_canvas.style.cssText = "position:fixed;top:0;left:0;z-index:" + config.z + ";opacity:" + config.o;
			get_by_tagname("body")[0].appendChild(the_canvas);
	
			set_canvas_size(), window.onresize = set_canvas_size;
			window.onmousemove = function (e) {
				e = e || window.event, current_point.x = e.clientX, current_point.y = e.clientY;
			}, window.onmouseout = function () {
				current_point.x = null, current_point.y = null;
			}; 
			for (var random_lines = [], i = 0; config.n > i; i++) {
				var x = random() * canvas_width, //随机位置    
					y = random() * canvas_height,
					xa = 2 * random() - 1,   
					ya = 2 * random() - 1;
				random_lines.push({
					x: x,
					y: y,
					xa: xa,
					ya: ya,
					max: 6000  
				});
			}
			setTimeout(function () {
				draw_canvas();
			}, 100);
		}();
	 */
		}
	})
		</script>
</head>



<body onload="load()"  ><!--"ved/1.mp4"-->

	<!--  一言语句部分  -->
    <style>
        #hito {
            display: none;
            margin: 10px auto;
            text-align: right;
            width: 90%;
            position: absolute;
            bottom: 30px;
        }

        #hitoKoto-div {
            margin-right: 10%;
        }
										/* 一言的语句的颜色  */
        #hitoKoto-div, #hitoKoto, .hitoKoto-span {
            text-align: right;
            color: rgb(248, 195, 115);
            font-family: 'Roboto', sans-serif;
            font-size: 25px;
        }

        #hitoKoto-div-ma {
            width: 100%;
        }
										/* 一言的出处的颜色  */
        #hitoKoto-div-ma, #hitoKoto-From, .hitoKoto-span-ma {
            text-align: right;
            color: rgb(255, 196, 107);
            font-family: 'Roboto', sans-serif;
            font-size: 18px;
        }
    </style>
    <!--<div id="hito">
        <div id="hitoKoto-div"><span class="hitoKoto-span">『</span><span id="hitoKoto">一言加载中Loading......</span><span class="hitoKoto-span">』</span><span class="hitoKoto-span-ma">-「</span><span id="hitoKoto-From">一言加载中Loading......</span><span class="hitoKoto-span-ma">」</span></div>
	</div>-->
	<div id="hito">
        <div id="hitoKoto-div">
			<span class="hitoKoto-span">『</span>
			<span id="hitoKoto">一言加载中Loading......</span>
			<span class="hitoKoto-span">』</span>
		</div>
        <div id="hitoKoto-div-ma">
			<span class="hitoKoto-span-ma">-「</span>
			<span id="hitoKoto-From">一言加载中Loading......</span>
			<span class="hitoKoto-span-ma">」</span>
		</div>
	</div>

	<!-- 这段似乎无影响 -->
	<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
    <script src="js.js"></script>


	<!--  高考倒计时部分  -->
	<table>
		<tr>
			<td rowspan = "3" width = "400">
			</td>
			<td height = "250" width = "1600"><span class = "now">Now:</span><span class = "hide">___</span>
				<span id = "nnian" class = "xiaon"></span><span class = "fu">.</span>
				<span id = "nyue" class = "xiaon"></span><span class = "fu">.</span><span id = "nri" class = "xiaon"></span>
				<span class = "hide">___</span>
				<span id = "nshi" class = "xiaon"></span><span class = "fu">:</span><span id = "nfen" class = "xiaon">
				</span><span class = "fu">:</span><span id = "nmiao" class = "xiaon"></span>
			</td>
			<td rowspan = "3" width = "220">
				<span id = "kechengbiao" class = "kecheng"></span>
			</td>
		</tr>
		<tr>
			<td height = "370">
				<span id = "ltian" class = "das"></span><span class = "da"> D </span><span id = "lshi" class = "das"></span><span class = "da"> h </span>
				<span id = "lfen" class = "xiaos"></span><span class = "xiao"> min </span><span> </span>
				<span id = "lmiao" class = "xiaos"></span><span class = "xiao"> s </span><br>
				<span class = "para">before </span><span id = "er" class = "para"></span><span class = "para">年高考</span>
			</td>
		</tr>
<!--  不需要自己的语句了
		<tr>
			<td height = "200">
				<span id="shuoming" class = "authorname"></span>	
			</td>
		</tr>
-->
	</table>
</body>
</html>